<template>
  <div class="home-container">
    <h1>欢迎来到个人博客系统</h1>
    <div class="feature-list">
      <el-row :gutter="20">
        <el-col :span="8">
          <el-card>
            <h3>文章管理</h3>
            <p>发布、编辑、管理你的文章</p>
          </el-card>
        </el-col>
        <el-col :span="8">
          <el-card>
            <h3>AI 助手</h3>
            <p>智能AI助手，为你解答问题</p>
          </el-card>
        </el-col>
        <el-col :span="8">
          <el-card>
            <h3>评论互动</h3>
            <p>与读者互动交流</p>
          </el-card>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<style scoped>
.home-container {
  padding: 20px;
}

h1 {
  text-align: center;
  margin-bottom: 40px;
}

.feature-list {
  margin-top: 40px;
}

.el-card {
  text-align: center;
  padding: 20px;
}

h3 {
  margin-bottom: 10px;
}
</style> 